<body>
    <div class="weui-form-preview">
        <div class="weui-form-preview__bd outpayinfo">
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label font">就诊人</label>
                <span class="weui-form-preview__value">小明</span>
            </div>
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label font">医院</label>
                <span class="weui-form-preview__value">永川区妇幼保健院</span>
            </div>
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label font">科室</label>
                <span class="weui-form-preview__value">儿科</span>
            </div>
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label font">医生</label>
                <span class="weui-form-preview__value">王娟</span>
            </div>
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label font">时间科室</label>
                <span class="weui-form-preview__value">2017年08月21日10:15</span>
            </div>
        </div>
    </div>
    <div class="outpaytitle"><span>交费项目</span></div>
    <!--全部缴费-->
    <!--<div class="info">
    <div>超声费<span>￥500元</span></div>
    <div>超声费<span>￥500元</span></div>
    <div>超声费<span>￥500元</span></div>
    <div>超声费<span>￥500元</span></div>
    <div>超声费<span>￥500元</span></div>
    <p>总计:<span>￥500元</span></p>
  </div>-->
    <!--全部缴费-->
    <!--单项缴费-->
    <div class="weui-cells weui-cells_checkbox">
        <label class="weui-cell weui-check__label" for="checkbox-{{i}}" *ngFor="let in of info; let i = index">
            <div class="weui-cell__hd">
                <input type="checkbox" class="weui-check" name="checkbox" id="checkbox-{{i}}" [(ngModel)]="in.state" (change)="check($event,i)">
                <i class="weui-icon-checked"></i>
            </div>
            <div class="weui-cell__bd">
                <p>{{in.name}}</p>
            </div>
            <div class="weui-cell__ft outpaycost">{{in.price}}元</div>
        </label>
        <label class="weui-cell weui-check__label">
            <div class="weui-cell__hd">
                <input type="checkbox" class="weui-check" name="all" id="all" [checked]="checkedall()" (change)="checkall($event)">
                <i class="weui-icon-checked"></i>
            </div>
            <div class="weui-cell__bd">
                <p>全选</p>
            </div>
            <div class="weui-cell__ft allcost">
                <a>总计:</a>
                <span>￥500元</span>
            </div>
        </label>
    </div>
    <!--单项缴费-->
    <div class="btnbox">
        <button class="btn" weui-button (click)="payorder()">交费</button>
    </div>
</body>